@extends('astron.layout')

@section('content')

<div id="content">
    
  <section class="single-project-container">

    <div class="row">
          <article class="col-md-8 col-md-offset-2 single-project-content silver-bg text-left">
             

                <div class="row">
                      <article class="single-project-content-inner col-md-12 white-bg text-left">
                            <h2>Star Alliance</h2>
                      			<h3 class="sub-heading ">Promotion for Euro Airpass of Star Alliance</h3>

                                <div class="single-project-slider-wrap">

                                      <!-- single-project-slider : starts -->
                                        <ul class="single-project-slider bxslider">
                                          <li>
                                            <img alt="" title="" src="images/case/staralliance/1.jpg" />
                                          </li>
                                          <li>
                                            <img alt="" title="" src="images/case/staralliance/2.jpg" />
                                          </li>
                                          <li>
                                            <img alt="" title="" src="images/case/staralliance/3.jpg" />
                                          </li>
                                        </ul>
                                      <!-- single-project-slider : ends -->


                                </div>
                                
                                <h3 class="sub-heading add-top-half">Case target: </h3>
                                <p>Since its establishment by Astronaut in 2012, The Star Alliance has been enjoying a vibrant social media life on its personalized Weibo account, China's microblogging pendant to twitter.
                                 The next step for the world's largest airline network was to inform and expand the Chinese audience about its upcoming Europe Airpass promotion.</p>
				                <h3 class="sub-heading add-top-half">Insight: </h3>
				                <p>
                          Europe is always hot travel destination and has a variety of travel products.” Euro Airpass of Star Alliance” 
                          is an abstract definition. The difficulty for us is that how to make it outstanding among all kinds of travel products and find their target. 
                         </p>
				
				                <h3 class="sub-heading add-top-half">Case description: </h3>
				                <p>
                            We designed an online game where visitors had to pick and describe European destinations without using city names. Logging into the game via their preferred 
                            social media website, each participant ended up increasing the number of players through simple online participation. The word about the Europe Airpass was 
                            spread throughout the social media sphere by the click of a button. 
                        </p>
				                <h3 class="sub-heading add-top-half">Promotion outcome: </h3>
				                <p>The mini site attracted 582 players and created 27,065,498 impressions about the Europe Airpass promotion. The edutainment mini-site ended up being featured on DAMN Digital, China's leading website about social media marketing. </p>

                                <div class="single-project-blocks-wrap">
                                  <div class="row">
                                      <article class="col-md-6 single-project-block">
                                        <div class="color-bg">
                                          <a  class="venobox" data-gall="portfolio-gallery" href="images/case/staralliance/4.jpg">
                                            <img alt="" title="" class="img-responsive" src="images/case/staralliance/4.jpg" />
                                            <div class="zoom-icon-wrap"></div>    
                                          </a>
                                        </div>
                                      </article>

                                      <article class="col-md-6 single-project-block">
                                        <div class="color-bg">
                                          <a  class="venobox" data-gall="portfolio-gallery" href="images/case/staralliance/5.jpg">
                                            <img alt="" title="" class="img-responsive" src="images/case/staralliance/5.jpg" />
                                            <div class="zoom-icon-wrap"></div>    
                                          </a>
                                        </div>
                                      </article>
                                  </div>

                                </div>

                                  <h3 class="sub-heading add-top-half">Service</h3>
                                  <h4 class="sub-heading add-top-half" style="margin-top: 20px;">Creative</h4>
                                  <p><b>Social networking:</b></p>
                                  <p >- Weibo, WeChat, LinkedIn</p>
                                  <p >- Online campaigns</p>
                          		
                      </article>
                </div>

          </article>
    </div>


  </section>
  <!-- about-container ends -->

<section class="container color-bg text-center">

  <div class="row">

      <article class="col-md-12 team-job color-bg text-center pad-top pad-bottom">
          <h3 class="main-heading white">Like to work with us?</h3>
          <div class="trigger-button add-top-quarter">
              <a href="/contact" class="btn btn-reflex btn-reflex-dark white">CONTACT US</a>
          </div>
      </article>
    </div>

</section>




</div>
<!-- end content -->

<footer class="container master-footer">
    <div class="row">
        <article class="col-md-6  text-left white-bg" id="map">
            <img src="images/map.png" alt=""/>
        </article>

        <article class="col-md-6 footer-column text-left white-bg">
            <h3>Contact Us</h3>
            <ul class="foot-links">
                <li><p>Room 420, Building B, Gehua Tower, No.1 Qinglong Hutong,
                        Beixiaojie, Dongzhimen, Dongcheng District, Beijing, P.R.China</p></li>
                <li><p>Tel+86(0) 1084186659</p></li>
                <li><p>Fax+86(0) 1084186659</p></li>
            </ul><br>
            <h3>Social Media</h3>
            <div class="contact-li">
                <ul class="social-wrap">
                    <li><a href="#"><img alt="" title="" src="images/social/icon-menu-1.png"/></a></li>
                    <li><a href="#"><img alt="" title="" src="images/social/icon-menu-2.png"/></a></li>

                </ul>
            </div>
        </article>
    </div>
    <div class="row">
        <article class="col-md-12">
            <div class="bt_logo"><img src="images/logo.png" alt=""/></div>
        </article>
    </div>
</footer>
<!-- Core JS Libraries -->
<script src="bootstrap/js/jquery.js" type="text/javascript"></script>
<script src="javascripts/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="bootstrap/js/bootstrap.js" ></script> 
<!-- JS Plugins -->
<script src="javascripts/device.min.js"></script>
<script src="javascripts/modernizr.js" type="text/javascript"></script>
<script src="javascripts/retina.js" type="text/javascript"></script>
<script src="javascripts/responsive-nav.js" type="text/javascript"></script>
<script src="javascripts/navi-slidedown.js" type="text/javascript"></script>
<script src="javascripts/owl.carousel.js" ></script> 
<script src="javascripts/jquery.parallax-1.1.3.js" ></script> 
<script src="javascripts/equalheights.js" ></script> 
<script src="javascripts/jquery.bxslider.min.js"></script>
<script src="javascripts/jquery.tweet.js"></script>
<script src="javascripts/jquery.slimmenu.min.js"></script>
<script src="javascripts/venobox.min.js"></script>
<!-- JS Custom Codes --> 
<script src="javascripts/equalheights-init.js" ></script> 
<script src="javascripts/hiding-nav.js"></script> 
<script src="javascripts/carousel-init.js"></script> 
<script src="javascripts/parallax-init.js"></script> 
<script src="javascripts/services-init.js"></script> 
<script src="javascripts/venobox-init.js"></script>
<script src="javascripts/pace.min.js" ></script>  
<script src="javascripts/main.js" ></script> 

<script>
  
    $(document).ready(function(){
      $('.bxslider').bxSlider({
        preloadImages: 'visible',
        touchEnabled: true,
        responsive: true,
        pager: false,
        controls: true
      });
    });

</script>
@stop